<template>
  <div class="page-card facility-class">
    <PageHeader title="设施分类" />
    <div class="content" w-full flex-1>
      <el-space wrap>
        <el-tag v-for="item in classData" :key="item" closable>
          {{ item }}
        </el-tag>
      </el-space>
    </div>
  </div>
</template>

<script setup lang="ts">
import PageHeader from "@/views/components/PageHeader.vue";

const classData = [
  "绕指柔",
  "盛世",
  "太平",
  "逐星",
  "德先生",
  "赛先生",
  "鱼肠",
  "风行者",
  "星辰大海",
  "镇魂歌",
  "阎王贴",
  "大争",
  "初一",
  "十五"
];
</script>

<style scoped lang="scss">
.facility-class {
  height: 100%;
  display: flex;
  flex-direction: column;
}
</style>
